<template>
    <div class="authRoleEdit">
        <div class="top_menu">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }">摄影平台</el-breadcrumb-item>
                <el-breadcrumb-item>权限管理</el-breadcrumb-item>
                <el-breadcrumb-item :to="{ path: '/auth/role' }">角色管理</el-breadcrumb-item>
                <el-breadcrumb-item>资料编辑</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="main_content" v-loading="loading">
            <div class="control display-flex justify-content-spaceBetween align-items-center">
                <h3>{{type}}角色</h3>
                <div class="display-flex align-items-center">
                    <el-button type="primary" icon="caret-left" @click="backToRole">返回</el-button>
                </div>
            </div>
            <el-card class="box-card">
                <div class="form">
                    <el-form :label-position="labelPosition" :model="RoleForm" :rules="rules" ref="RoleForm" label-width="80px" class="demo-ruleForm">
                        <el-form-item label="角色名" prop="title">
                            <el-input v-model.number="RoleForm.title"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="submitForm('RoleForm')">提交</el-button>
                            <el-button @click="resetForm('RoleForm')">重置</el-button>
                        </el-form-item>
                    </el-form>
                </div>
            </el-card>
        </div>
    </div>
</template>

<script src="../../js/auth/RoleEdit.js"></script>